<!DOCTYPE html>
<html>
	<head>
		<meta content="IE=11.0000" http-equiv="X-UA-Compatible" /> 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0" /> 
		<meta name="apple-mobile-web-app-capable" content="yes" /> 
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="format-detection" content="telephone=no" /> 
		<meta name="format-detection" content="email=no" /> 
		<meta http-equiv="pragma" content="no-cache" /> 
		<meta http-equiv="cache-control" content="no-cache" /> 
		<meta name="keywords" content="境外就业网,出国劳务,出国打工,新加坡劳务,新加坡打工,辽宁境外就业网,劳务输出公司,出国劳务中介,辽宁打工,劳务合同,新加坡出国指南,沈阳劳动力,人才,澳大利亚劳务,美国工作,加拿大务工,辽宁劳务信息,江苏劳务外派,上海输出劳务,北京国际劳务,研修生,工作准证,出国签证,护士出国,厨师出国,国外工作,护照,jwjy,chuguo,work abroad,job,job361,361job" /> 
		<meta name="description" content="境外就业网,出国劳务共享平台，国际人生规划专家。国家商务部许可资质，12年外派劳务经验。境外就业网提供出国咨询、面试培训、签证解析、就业指导、服务保障为一体的一站式出国就业平台。境外就业网,海外工作通！" /> 
		<link rel="shortcut icon" href="../favicon.ico"/>
		<link rel="bookmark" href="../favicon.ico"/>
		<title>出国桥</title> 
		<link rel="stylesheet" href="../css/style.css" />
		<link rel="stylesheet" href="../css/reset.css" />
		<script type="text/javascript" src="../js/jquery-1.8.3.min.js" ></script>
		<script type="text/javascript" src="../js/swipe.js" ></script>
		<script type="text/javascript" src="../js/xzzf.js" ></script>
		
		<script>
		function loadMoreJob(){
			$.ajax({
			   type: "post", 
               url: "", 
               dataType: "json", 
               contentType: "application/x-www-form-urlencoded; charset=UTF-8",
               success: function (data) { 
                       
            //使用$.each方法遍历返回的数据date,插入到id为#joblist中  
            $.each(data,function(i,item){  
                  
                $("#joblist").append("<dt>"+"<div class='imgg'>"+"<img scr=" + item.name + "></img>"+"</div>"+"<li>"+"<span>"+item.email+"</span>"+"<h1>"+item.gender+"</h1>"+"<time>"+item.hobby[0]+"</time>"+"<p>"+item.hobby[1]+"</p>"+"</li>"+"<div class='clear'>"+"</div>"+"</dt>");
                
            })  

               }, 
             error : function() {
				alert("请求失败！");
			}
			});
		}
		</script>
		<script>
		function loadzw(){
			$.ajax({
			   type: "post", 
               url: "", 
               dataType: "json", 
               contentType: "application/x-www-form-urlencoded; charset=UTF-8",
               success: function (data) { 
                       
            //使用$.each方法遍历返回的数据date,插入到id为#cgq-zw-tj中  
            $.each(data,function(i,item){  
                  
                $("#cgq-zw-tj").append("<div class='cgq-zw-tjo'>"+"<h1>"+item.name+"</h1>"+"<div class='cgq-zw-tjn'>"+"<p>"+item.nameq+"</p>"+"<div class='clear'>"+"</div>"+"</div>"+"</div>");
                
            })  
			
               }, 
             error : function() {
				alert("请求失败！");
			}
			});
		}
		</script>
	</head>
	<body onload="loadzw();">
		<div class="cgq-top">
			<div class="cgq-logo">
			<p><返回</p>
			</div>
			<div class="cgq-search">
				<input type="text" class="input" value="输入职位名称" onfocus="if (value =='输入职位名称'){value =''}" onblur="if (value ==''){value='输入职位名称'}">
			<input type="submit" class="submit" value="搜索">
			</div>
		</div>
		<div class="cgq-main">
			<script>
//			$(".cgq-zw-tjn p").on("touchstart", touchStart);  
//				// $(".cgq-zw-tjn p").on("touchmove", touchMove);  
//				$(".cgq-zw-tjn p").on("touchend", touchEnd);  
//				$(".cgq-zw-tjn p").on("mouseover", touchStart);  
//				$(".cgq-zw-tjn p").on("mouseout", touchEnd);  
//				  
//				function touchStart(event) {  
//				  	$(this).css("background", "#ff3300");
//					$(this).css("color", "#fff"); 
//				}  
//				
//				
//				function touchEnd(event) {  
//				 	$(this).css("background", "");
//					$(".cgq-zw-tjn p").css("color", "#999");
//				}  
			 $(function () {
		        
		        var initDiv = function () {
		            $(".cgq-zw-tjn p").css("background", "");
		            
		            $(".cgq-zw-tjn p").mouseover(function () {
		                $(this).css("background", "");
		                $(".cgq-zw-tjn p").css("color", "#999");
		            })
		                .mouseout(function () {
		                    $(this).css("background", "");
		                    $(".cgq-zw-tjn p").css("color", "#999");
		                })
		        };
		        initDiv();
		        $(".cgq-zw-tjn p")
		            .click(function () {
		                initDiv();
		                //当前被点击的div改变背景色
		                $(this).css("background", "#ff3300");
		                $(this).css("color", "#fff");
		                //取消当前div的mouseout和mouseover事件
		                $(this).unbind("mouseout");
		                $(this).unbind("mouseover");
		            });
		    })
			
			</script>
			<div class="cgq-zw-tj" id="cgq-zw-tj">
				<div class="cgq-zw-tjo">
					<h1>保洁/服务员/普工</h1>
					<div class="cgq-zw-tjn">
						<p>保洁</p><p>保洁</p><p>保洁</p><p>保洁</p><p>保洁</p><p>保洁</p><p>保洁</p><p>中国</p>
						<div class="clear"></div>
					</div>
					
				</div>
				
			</div>
		    <!--搜索条件end-->
			<div class="cgq-nr">
				<dl id="joblist">
					<dt>
						<div class="imgg">
							<img src="../img/7.jpg" />
						</div>
						<li>
							<span>7.5k-11k</span>
							
							<h1>新加坡招聘4名司机</h1>
							<time>今天 14：33</time>
							<p>加班多，环境好，新加坡最加班多</p>
							
						</li>
						<div class="clear"></div>
					</dt>
					<dt>
						<div class="imgg">
							<img src="../img/7.jpg" />
						</div>
						<li>
							<span>7.5k-11k</span>
							
							<h1>新加坡招聘4名司机</h1>
							<time>今天 14：33</time>
							<p>加班多，环境好，新加坡最加班多</p>
							
						</li>
						<div class="clear"></div>
					</dt>
					<dt>
						<div class="imgg">
							<img src="../img/7.jpg" />
						</div>
						<li>
							<span>7.5k-11k</span>
							
							<h1>新加坡招聘4名司机</h1>
							<time>今天 14：33</time>
							<p>加班多，环境好，新加坡最加班多</p>
							
						</li>
						<div class="clear"></div>
					</dt>
					<dt>
						<div class="imgg">
							<img src="../img/7.jpg" />
						</div>
						<li>
							<span>7.5k-11k</span>
							
							<h1>新加坡招聘4名司机</h1>
							<time>今天 14：33</time>
							<p>加班多，环境好，新加坡最加班多</p>
							
						</li>
						<div class="clear"></div>
					</dt>
					<dt>
						<div class="imgg">
							<img src="../img/7.jpg" />
						</div>
						<li>
							<span>7.5k-11k</span>
							
							<h1>新加坡招聘4名司机</h1>
							<time>今天 14：33</time>
							<p>加班多，环境好，新加坡最加班多</p>
							
						</li>
						<div class="clear"></div>
					</dt>
					<dt>
						<div class="imgg">
							<img src="../img/7.jpg" />
						</div>
						<li>
							<span>7.5k-11k</span>
							
							<h1>新加坡招聘4名司机</h1>
							<time>今天 14：33</time>
							<p>加班多，环境好，新加坡最加班多</p>
							
						</li>
						<div class="clear"></div>
					</dt>
					<dt>
						<div class="imgg">
							<img src="../img/7.jpg" />
						</div>
						<li>
							<span>7.5k-11k</span>
							
							<h1>新加坡招聘4名司机</h1>
							<time>今天 14：33</time>
							<p>加班多，环境好，新加坡最加班多</p>
							
						</li>
						<div class="clear"></div>
					</dt>
					<dt>
						<div class="imgg">
							<img src="../img/7.jpg" />
						</div>
						<li>
							<span>7.5k-11k</span>
							
							<h1>新加坡招聘4名司机</h1>
							<time>今天 14：33</time>
							<p>加班多，环境好，新加坡最加班多</p>
							
						</li>
						<div class="clear"></div>
					</dt>
					<dt>
						<div class="imgg">
							<img src="../img/7.jpg" />
						</div>
						<li>
							<span>7.5k-11k</span>
							
							<h1>新加坡招聘4名司机</h1>
							<time>今天 14：33</time>
							<p>加班多，环境好，新加坡最加班多</p>
							
						</li>
						<div class="clear"></div>
					</dt>
					<dt>
						<div class="imgg">
							<img src="../img/7.jpg" />
						</div>
						<li>
							<span>7.5k-11k</span>
							
							<h1>新加坡招聘4名司机</h1>
							<time>今天 14：33</time>
							<p>加班多，环境好，新加坡最加班多</p>
							
						</li>
						<div class="clear"></div>
					</dt>
				</dl>
			</div>
			<div class="cgq-gd" onclick="loadMoreJob();">加载更多</div>
		</div>
		<div class="cgq-footer">
			<ul>
				
				<a href="###"><li id="j1">
					<img src="../img/02.png" />
					<p>首页</p>
				</li></a>
				
				<a href="###"><li id="j2">
					<img src="../img/03.png" />
					<p>职位</p>
				</li></a>
				<a href="###"><li id="j3">
					<img src="../img/04.png" />
					<p>国家</p>
				</li></a>
				<a href="###"><li id="j4">
					<img src="../img/05.png" />
					<p>公司</p>
				</li></a>
				
			</ul>
		</div>
	</body>
</html>
